<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <!--jquery得第一个引入-->
    <!--
    <script src="__PUBLIC__/admin/js/jquery/jquery-1.9.1.min.js"></script>
    <script src="__PUBLIC__/admin/js/bootsrap/bootstrap.min.js"></script>

    <link href="__PUBLIC__/admin/css/metisMenu/font-awesome.css" rel="stylesheet">
    <link href="__PUBLIC__/admin/css/bootstrap/bootstrap.css" rel="stylesheet">
    -->

    <script src="__PUBLIC__/admin/js/web_info/Chart.js"></script>
    <link href="__PUBLIC__/admin/css/common/title_dashboard.css" rel="stylesheet">
    <title>网站运营信息</title>

    <!--joseph定义的css-->
    <style>
        .chart-desc {
            margin-top: 170px;
            margin-left: 20px;
        }

        .chart-desc h2 {
            font-family: "Microsoft Yahei", sans-serif, arial;
        }

        .chart-desc p {
            font-family: "Microsoft Yahei", sans-serif, arial;
            line-height: 24px;
            font-size: 18px;
            color: #767c8d;
        }
    </style>
    <script>
        //日访问量曲线图
        var lineChartData = {
            labels: ["{$hot[0]['date']}", "{$hot[1]['date']}", "{$hot[2]['date']}", "{$hot[3]['date']}", "{$hot[4]['date']}", "{$hot[5]['date']}", "{$hot[6]['date']}"],
            datasets: [
                {
                    fillColor: "rgba(220,220,220,0.5)",
                    strokeColor: "rgba(220,220,220,1)",
                    pointColor: "rgba(220,220,220,1)",
                    pointStrokeColor: "#fff",
                    data: [{$hot.ave},{$hot.ave},{$hot.ave},{$hot.ave},{$hot.ave},{$hot.ave},{$hot.ave}]
                },
                {
                    fillColor: "rgba(151,187,205,0.5)",
                    strokeColor: "rgba(151,187,205,1)",
                    pointColor: "rgba(151,187,205,1)",
                    pointStrokeColor: "#fff",
                    data: [{$hot[0]['number']}, {$hot[1]['number']}, {$hot[2]['number']}, {$hot[3]['number']}, {$hot[4]['number']}, {$hot[5]['number']}, {$hot[6]['number']}]
                }
            ]

        }

        var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData);

    </script>
</head>
<body>
<h3 class="page-title">
    鸟瞰
    <small>信息中心</small>
</h3>
<ul class="breadcrumb">

    <li>
        <i class="icon-home"></i>
        <a href="index.html">运营信息</a>
    </li>
</ul>
<div class="row visit-chart">
    <div class="col-md-7">
        <canvas id="canvas" height="450" width="600"></canvas>
    </div>
    <div class="col-md-5 ">
        <div class="chart-desc">
            <h2>日访问量</h2>
            <p>最近七天，微网站每天的访问量</p>
            <p>蓝线：每日访问量</p>
            <p>灰线：平均值</p>
        </div>
    </div>
</div>

</body>
</html>